﻿<!DOCTYPE html>
<html>
  <head>
    <title>The Eight</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/jquery.fancybox.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/indent.css">
    <link rel="stylesheet" href="fonts/fi/flaticon.css">
    <link rel="stylesheet" type="text/css" href="tuner/css/colorpicker.css">
    <link rel="stylesheet" type="text/css" href="tuner/css/styles.css">
  </head>
  <body>
    <!-- header page-->
    <header>
      <!-- site top panel-->
      <!-- site top panel-->
      <div class="site-top-panel">
        <div class="container">
          <div class="row">
            <div class="col-sm-6">
              <!-- lang select wrapper-->
              <div class="lang-wrap"><i class="icon-lang flaticon-earth-globe21"></i>Change your language
                <select name="billing_lang" class="lang-change">
                  <option value="">English</option>
                  <option value="AX">Åland</option>
                  <option value="AF">Afghanistan</option>
                  <option value="AL">Albania</option>
                  <option value="DZ">Algeria</option>
                  <option value="AD">Andorra</option>
                  <option value="AO">Angola</option>
                  <option value="AI">Anguilla</option>
                </select>
              </div>
              <!-- ! lang select wrapper-->
            </div>
            <div class="col-sm-6 text-right">
              <!-- social wrapper-->
              <div class="social-wrap"><a href="#" class="cws-social flaticon-facebook55"></a><a href="#" class="cws-social flaticon-twitter1"></a><a href="#" class="cws-social fa fa-google-plus"></a><a href="#" class="cws-social flaticon-social-network106"></a><a href="#" class="cws-social flaticon-pinterest3"></a></div>
              <!-- ! social wrapper-->
            </div>
          </div>
        </div>
      </div>
      <!-- ! site top panel-->
      <!-- ! site top panel-->
      <!-- Navigation panel-->
      <nav class="main-nav js-stick">
        <div class="full-wrapper relative clearfix container">
          <!-- Logo ( * your text or image into link tag *)-->
          <div class="nav-logo-wrap local-scroll"><a href="index.html" class="logo"><img src="img/the8-logo.png" data-at2x="img/the8-logo@2x.png" alt><img src="img/the8-logo-sticky.png" data-at2x="img/the8-logo-sticky@2x.png" alt class="sticky-logo"></a></div>
          <!-- Main Menu-->
          <div class="inner-nav desktop-nav">
            <ul class="clearlist">
              <!-- Item With Sub-->
              <li><a href="index.html" class="mn-has-sub">Home <i class="fa fa-angle-down button_open"></i></a>
                <ul class="mn-sub">
                  <li><a href="index.html">Standart Slider</a></li>
                  <li><a href="index-slider.html">Full-Screen Slider</a></li>
                  <li><a href="index-video.html">Video Background</a></li>
                </ul>
              </li>
              <!-- End Item With Sub-->
              <!-- Item With Sub-->
              <li><a href="page-about-us.html" class="mn-has-sub">Pages <i class="fa fa-angle-down button_open"></i></a>
                <!-- Sub-->
                <ul class="mn-sub">
                  <li><a href="page-about-us.html">About Us</a></li>
                  <li><a href="page-services.html">Services</a></li>
                  <li><a href="page-procces.html">Our Procces</a></li>
                  <li><a href="page-our-team.html">Our Team</a></li>
                  <li><a href="page-profile.html">Profile</a></li>
                  <li><a href="page-components.html">Components</a></li>
                </ul>
                <!-- End Sub-->
              </li>
              <!-- End Item With Sub-->
              <!-- Item With Sub-->
              <li><a href="portfolio-3-col.html" class="mn-has-sub">Portfolio <i class="fa fa-angle-down button_open"></i></a>
                <!-- Sub-->
                <ul class="mn-sub">
                  <li><a href="portfolio-3-col.html">Three Columns</a></li>
                  <li><a href="portfolio-4-col.html">Four Columns</a></li>
                  <li><a href="portfolio-with-sidebar.html">With Sidebar</a></li>
                  <li><a href="portfolio-gallery.html">Gallery</a></li>
                  <li><a href="page-portfolio-single.html">Portfolio Single</a></li>
                </ul>
                <!-- End Sub-->
              </li>
              <!-- End Item With Sub-->
              <!-- Item With Sub-->
              <li><a href="blog-sidebar-right.html" class="mn-has-sub active">Blog <i class="fa fa-angle-down button_open"></i></a>
                <!-- Sub-->
                <ul class="mn-sub">
                  <li><a href="blog-2-col.html" class="mn-has-sub">Columns<i class="fa fa-angle-right pull-right button_open"></i></a>
                    <ul class="mn-sub to-left">
                      <li><a href="blog-2-col.html">Two Columns</a></li>
                      <li><a href="blog-2-col-sidebar.html">Two Columns + Sidebar</a></li>
                      <li><a href="blog-3-col.html">Three Columns</a></li>
                    </ul>
                  </li>
                  <li class="active"><a href="blog-sidebar-right.html">Blog Right Sidebar</a></li>
                  <li><a href="blog-medium-img.html">Medium Images</a></li>
                  <li><a href="blog-small-img.html">Small Images</a></li>
                  <li><a href="blog-single.html">Blog Single</a></li>
                </ul>
                <!-- End Sub-->
              </li>
              <!-- End Item With Sub-->
              <!-- Item With Sub-->
              <li><a href="shop-grid.html" class="mn-has-sub">Shop <i class="fa fa-angle-down button_open"></i></a>
                <!-- Sub-->
                <ul class="mn-sub">
                  <li><a href="shop-grid.html">Shop Grid</a></li>
                  <li><a href="shop-cart.html">Shop Cart</a></li>
                  <li><a href="shop-checkout.html">Shop Checkout</a></li>
                  <li><a href="shop-single.html">Shop Single Product</a></li>
                </ul>
                <!-- End Sub-->
              </li>
              <!-- End Item With Sub-->
              <!-- Item-->
              <li><a href="page-contact.html">Contact</a></li>
              <!-- End Item-->
              <!-- Cart-->
              <li class="menu-shop-card"><a href="#" class="mn-has-sub"><i class="flaticon-shopping-carts6 button_open"><span>2</span></i></a>
                <ul class="mn-sub right">
                  <li>
                    <aside class="widget-top-sellers shop-cart-menu">
                      <p>You have 
                        <span2 class="tx-color-2">item(s)</span2> in your shopping bag
                      </p>
                      <!-- item recent post-->
                      <div class="item-top-sellers clearfix"><img src="pic/shop/70x70/6.jpg" data-at2x="pic/shop/70x70/6@2x.jpg" alt>
                        <h3 class="title"><a href="shop-single.html">Phasellus accumsan cur</a></h3>
                        <div class="price">1 x $55.00</div>
                      </div>
                      <!-- ! item recent post-->
                      <!-- item recent post-->
                      <div class="item-top-sellers clearfix"><img src="pic/shop/70x70/1.jpg" data-at2x="pic/shop/70x70/1@2x.jpg" alt>
                        <h3 class="title"><a href="shop-single.html">Aenean posuere tortor</a></h3>
                        <div class="price">3 x $120.00</div>
                      </div>
                      <!-- ! item recent post-->
                      <hr class="mt-10 mb-10">
                      <div class="sub-total clearfix">Sub Total: <span>$2400</span></div>
                      <hr class="mt-10 mb-10">
                      <div class="row">
                        <div class="col-xs-6"><a href="shop-cart.html" class="cws-button full-width">View Cart</a></div>
                        <div class="col-xs-6"><a href="shop-checkout.html" class="cws-button full-width">Checkout</a></div>
                      </div>
                    </aside>
                  </li>
                </ul>
              </li>
              <!-- End Cart-->
              <!-- Search-->
              <li class="search"><a href="#" class="mn-has-sub"><i class="flaticon-magnifying-glass34 search-icon"></i></a>
                <ul class="search-sub">
                  <li>
                    <div class="container">
                      <div class="mn-wrap">
                        <form method="post" class="form">
                          <div class="search-wrap">
                            <input type="text" placeholder="Search . . ." class="form-control search-field">
                          </div>
                        </form>
                      </div>
                      <div class="close-button flaticon-cancel30"></div>
                    </div>
                  </li>
                </ul>
              </li>
              <!-- End Search-->
            </ul>
          </div>
          <!-- End Main Menu-->
        </div>
      </nav>
      <!-- End Navigation panel-->
      <!-- breadcrumbs start-->
      <section class="breadcrumbs">
        <div class="container">
          <div class="row">
            <div class="col-sm-6"> 
              <h1>Blog</h1>
            </div>
            <div class="col-sm-6 text-right breadcrumbs-item"><a href="index.html">home</a><i class="fa fa-angle-right"></i><a href="blog-sidebar-right.html">Blog</a><i class="fa fa-angle-right"></i><a href="#">Right Sidebar</a></div>
          </div>
        </div>
      </section>
      <!-- ! breadcrumbs end-->
    </header>
    <!-- ! header page-->
    <div class="container page">
      <div class="row">
        <div class="col-md-9">
          <!-- Blog Post image-->
          <div class="blog-item">
            <!-- Blog Image-->
            <div class="blog-media">
              <div class="pic"><img src="pic/blog/870x400/5.jpg" alt>
                <div class="hover-effect"></div>
                <div class="links"><a href="pic/blog/870x400/5@2x.jpg" class="link-icon flaticon-magnifying-glass84 fancy"></a><a href="blog-single.html" class="link-icon flaticon-return13"></a></div>
              </div>
            </div>
            <!-- title, author...-->
            <div class="blog-item-data clearfix">
              <div class="blog-date">
                <div class="date">
                  <div class="date-cont"><span class="day">24</span><span title="March" class="month"><span>Mar</span></span><span class="year">2016</span><i class="springs"></i></div>
                </div>
              </div>
              <h2 class="blog-title">Aenean leo ligula porttitor eu</h2>
              <div class="divider gray"></div>
              <p class="post-info">by <span class="posr-author">admin </span><i>|</i>in <a href="#" class="post-category"> <span>news</span></a>, <a href="#" class="post-category"><span>business </span></a><i>|</i>3 <span>comments</span></p>
            </div>
            <!-- Text Intro-->
            <div class="blog-item-body">
              <p>Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapi en ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero.</p>
            </div>
            <!-- Read More and social links-->
            <div class="blog-item-foot clearfix"><a href="#" class="cws-social flaticon-facebook55"></a><a href="#" class="cws-social flaticon-twitter1"></a><a href="#" class="cws-social fa fa-google-plus"></a><a href="#" class="cws-social flaticon-social-network106"></a><a href="#" class="cws-social flaticon-pinterest3"></a><a href="blog-single.html" class="cws-button pull-right">Read More</a></div>
          </div>
          <!-- ! Blog Post image-->
          <hr class="style-2">
          <!-- Blog Post  slider-->
          <div class="blog-item">
            <!-- Blog Image-->
            <div class="blog-media">
              <div class="owl-single-item">
                <div class="pic"><img src="pic/blog/870x400/4.jpg" alt>
                  <div class="hover-effect"></div>
                  <div class="links"><a href="pic/blog/870x400/4@2x.jpg" class="link-icon flaticon-magnifying-glass84 fancy"></a><a href="blog-single.html" class="link-icon flaticon-return13"></a></div>
                </div>
                <div class="pic"><img src="pic/blog/870x400/1.jpg" alt>
                  <div class="hover-effect"></div>
                  <div class="links"><a href="pic/blog/870x400/1@2x.jpg" class="link-icon flaticon-magnifying-glass84 fancy"></a><a href="blog-single.html" class="link-icon flaticon-return13"></a></div>
                </div>
                <div class="pic"><img src="pic/blog/870x400/2.jpg" alt>
                  <div class="hover-effect"></div>
                  <div class="links"><a href="pic/blog/870x400/2@2x.jpg" class="link-icon flaticon-magnifying-glass84 fancy"></a><a href="blog-single.html" class="link-icon flaticon-return13"></a></div>
                </div>
              </div>
            </div>
            <!-- title, author...-->
            <div class="blog-item-data clearfix">
              <div class="blog-date">
                <div class="date">
                  <div class="date-cont"><span class="day">23</span><span title="March" class="month"><span>Mar</span></span><span class="year">2016</span><i class="springs"></i></div>
                </div>
              </div>
              <h2 class="blog-title">Vestibulum ante ipsum primis</h2>
              <div class="divider gray"></div>
              <p class="post-info">by <span class="posr-author">admin </span><i>|</i>in <a href="#" class="post-category"> <span>news</span></a>, <a href="#" class="post-category"><span>business </span></a><i>|</i>3 <span>comments</span></p>
            </div>
            <!-- Text Intro-->
            <div class="blog-item-body">
              <p>Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapi en ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero.</p>
            </div>
            <!-- Read More and social links-->
            <div class="blog-item-foot clearfix"><a href="#" class="cws-social flaticon-facebook55"></a><a href="#" class="cws-social flaticon-twitter1"></a><a href="#" class="cws-social fa fa-google-plus"></a><a href="#" class="cws-social flaticon-social-network106"></a><a href="#" class="cws-social flaticon-pinterest3"></a><a href="blog-single.html" class="cws-button pull-right">Read More</a></div>
          </div>
          <!-- ! Blog Post slider-->
          <hr class="style-2">
          <!-- Blog Post audio-->
          <div class="blog-item">
            <!-- Blog Image-->
            <div class="blog-media">
              <div class="pic"><img src="pic/blog/870x400/3.jpg" alt>
                <div class="hover-effect"></div>
                <div class="links"><a href="pic/blog/870x400/3@2x.jpg" class="link-icon flaticon-magnifying-glass84 fancy"></a><a href="blog-single.html" class="link-icon flaticon-return13"></a></div>
                <div class="audio-wrapper">
                  <audio controls>
                    <source src="audio/audio.mp3" type="audio/mpeg">
                  </audio>
                </div>
              </div>
            </div>
            <!-- title, author...-->
            <div class="blog-item-data clearfix">
              <div class="blog-date">
                <div class="date">
                  <div class="date-cont"><span class="day">22</span><span title="March" class="month"><span>Mar</span></span><span class="year">2016</span><i class="springs"></i></div>
                </div>
              </div>
              <h2 class="blog-title">Audio Post Format</h2>
              <div class="divider gray"></div>
              <p class="post-info">by <span class="posr-author">admin </span><i>|</i>in <a href="#" class="post-category"> <span>news</span></a>, <a href="#" class="post-category"><span>business </span></a><i>|</i>3 <span>comments</span></p>
            </div>
            <!-- Text Intro-->
            <div class="blog-item-body">
              <p>Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapi en ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero.</p>
            </div>
            <!-- Read More and social links-->
            <div class="blog-item-foot clearfix"><a href="#" class="cws-social flaticon-facebook55"></a><a href="#" class="cws-social flaticon-twitter1"></a><a href="#" class="cws-social fa fa-google-plus"></a><a href="#" class="cws-social flaticon-social-network106"></a><a href="#" class="cws-social flaticon-pinterest3"></a><a href="blog-single.html" class="cws-button pull-right">Read More</a></div>
          </div>
          <!-- ! Blog Post audio-->
          <hr class="style-2">
          <!-- Blog Post video-->
          <div class="blog-item">
            <!-- Blog Image-->
            <div class="blog-media">
              <div class="embed-responsive embed-responsive-16by9">
                <iframe src="https://www.youtube.com/embed/yib7tvIrL6k" class="embed-responsive-item"></iframe>
              </div>
            </div>
            <!-- title, author...-->
            <div class="blog-item-data clearfix">
              <div class="blog-date">
                <div class="date">
                  <div class="date-cont"><span class="day">21</span><span title="March" class="month"><span>Mar</span></span><span class="year">2016</span><i class="springs"></i></div>
                </div>
              </div>
              <h2 class="blog-title">Video Post Format</h2>
              <div class="divider gray"></div>
              <p class="post-info">by <span class="posr-author">admin </span><i>|</i>in <a href="#" class="post-category"> <span>news</span></a>, <a href="#" class="post-category"><span>video </span></a><i>|</i>0 <span>comments</span></p>
            </div>
            <!-- Text Intro-->
            <div class="blog-item-body">
              <p>Pellentesque ut neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis eges tas. In duim agna, posuere eget, vestibulum et, tempor auctor, justo. In ac felis quis tortor malesuada pretium. Pel lentesque auctor neque nec urna. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi.</p>
            </div>
            <!-- Read More and social links-->
            <div class="blog-item-foot clearfix"><a href="#" class="cws-social flaticon-facebook55"></a><a href="#" class="cws-social flaticon-twitter1"></a><a href="#" class="cws-social fa fa-google-plus"></a><a href="#" class="cws-social flaticon-social-network106"></a><a href="#" class="cws-social flaticon-pinterest3"></a><a href="blog-single.html" class="cws-button pull-right">Read More</a></div>
          </div>
          <!-- ! Blog Post video-->
          <hr class="style-2">
          <!-- Blog Post text-->
          <div class="blog-item">
            <!-- title, author...-->
            <div class="blog-item-data clearfix">
              <div class="blog-date">
                <div class="date">
                  <div class="date-cont"><span class="day">20</span><span title="March" class="month"><span>Mar</span></span><span class="year">2016</span><i class="springs"></i></div>
                </div>
              </div>
              <h2 class="blog-title">Some Post With Random Text</h2>
              <div class="divider gray"></div>
              <p class="post-info">by <span class="posr-author">admin </span><i>|</i>in <a href="#" class="post-category"> <span>news</span></a>, <a href="#" class="post-category"><span>video </span></a><i>|</i>0 <span>comments</span></p>
            </div>
            <!-- Text Intro-->
            <div class="blog-item-body">
              <p>Libero, sodales nec, volutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis cones dimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante ipsum primis in fauci bus orci luctus et ultrices posuere cubilia id purus.</p>
            </div>
            <!-- Read More and social links-->
            <div class="blog-item-foot clearfix"><a href="#" class="cws-social flaticon-facebook55"></a><a href="#" class="cws-social flaticon-twitter1"></a><a href="#" class="cws-social fa fa-google-plus"></a><a href="#" class="cws-social flaticon-social-network106"></a><a href="#" class="cws-social flaticon-pinterest3"></a><a href="blog-single.html" class="cws-button pull-right">Read More</a></div>
          </div>
          <!-- ! Blog Post text-->
          <hr class="style-2">
          <!-- Blog Post link-->
          <div class="blog-item">
            <!-- title, author...-->
            <div class="blog-item-data clearfix">
              <div class="blog-date">
                <div class="date">
                  <div class="date-cont"><span class="day">19</span><span title="March" class="month"><span>Mar</span></span><span class="year">2016</span><i class="springs"></i></div>
                </div>
              </div>
              <h2 class="blog-title"> <a href="#">This Post Is A Link To CWS Portfolio</a></h2>
              <div class="divider gray"></div>
              <p class="post-info">by <span class="posr-author">admin </span><i>|</i>in <a href="#" class="post-category"> <span>news</span></a>, <a href="#" class="post-category"><span>video </span></a><i>|</i>0 <span>comments</span></p>
            </div>
          </div>
          <!-- ! Blog Post link-->
          <hr class="style-2">
          <!-- Blog Post link another-->
          <div class="blog-item">
            <!-- Blog Image-->
            <div class="blog-media"><a href="http://themeforest.net/user/creativews" style="background-image: url('pic/blog/870x180-1.jpg');" class="pic link-post">
                <div class="hover-effect"></div>
                <div class="link"> <i class="flaticon-links21"></i>http://themeforest.net/user/creativews</div></a></div>
            <!-- title, author...-->
            <div class="blog-item-data clearfix">
              <div class="blog-date">
                <div class="date">
                  <div class="date-cont"><span class="day">18</span><span title="March" class="month"><span>Mar</span></span><span class="year">2016</span><i class="springs"></i></div>
                </div>
              </div>
              <h2 class="blog-title">Another Type Of Link Post</h2>
              <div class="divider gray"></div>
              <p class="post-info">by <span class="posr-author">admin </span><i>|</i>in <a href="#" class="post-category"> <span>news</span></a>, <a href="#" class="post-category"><span>video </span></a><i>|</i>0 <span>comments</span></p>
            </div>
            <!-- Text Intro-->
            <div class="blog-item-body">
              <p>Etiam ut purus mattis mauris sodales aliquam. Curabitur nisi. Quisque malesuada placerat nisl. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Vestibulum facilisi, purus nec pulvinar iaculis, ligula mi congue nunc, vitae euismod ligula urna in dolor.</p>
            </div>
            <!-- Read More and social links-->
            <div class="blog-item-foot clearfix"><a href="#" class="cws-social flaticon-facebook55"></a><a href="#" class="cws-social flaticon-twitter1"></a><a href="#" class="cws-social fa fa-google-plus"></a><a href="#" class="cws-social flaticon-social-network106"></a><a href="#" class="cws-social flaticon-pinterest3"></a><a href="blog-single.html" class="cws-button pull-right">Read More</a></div>
          </div>
          <!-- ! Blog Post link another-->
          <hr class="style-2">
          <!-- Blog Post quote-->
          <div class="blog-item">
            <!-- Blog Image-->
            <div class="blog-media">
              <blockquote>
                <p class="text-center">Art is the only serious thing in the world.<br>And the artist is the only person who is never serious.</p>
                <footer class="text-right">
                  <cite title="Source Title">Oscar Wilde</cite>
                </footer>
              </blockquote>
            </div>
            <!-- title, author...-->
            <div class="blog-item-data clearfix">
              <div class="blog-date">
                <div class="date">
                  <div class="date-cont"><span class="day">17</span><span title="March" class="month"><span>Mar</span></span><span class="year">2016</span><i class="springs"></i></div>
                </div>
              </div>
              <h2 class="blog-title">Some Quote</h2>
              <div class="divider gray"></div>
              <p class="post-info">by <span class="posr-author">admin </span><i>|</i>in <a href="#" class="post-category"> <span>news</span></a>, <a href="#" class="post-category"><span>video </span></a><i>|</i>0 <span>comments</span></p>
            </div>
          </div>
          <!-- ! Blog Post quote-->
          <hr class="style-2">
          <!-- Blog Post quote style 2-->
          <div class="blog-item">
            <!-- title, author...-->
            <div class="blog-item-data clearfix">
              <div class="blog-date">
                <div class="date">
                  <div class="date-cont"><span class="day">17</span><span title="March" class="month"><span>Mar</span></span><span class="year">2016</span><i class="springs"></i></div>
                </div>
              </div>
              <h2 class="blog-title">Some Quote</h2>
              <div class="divider gray"></div>
              <p class="post-info">by <span class="posr-author">admin </span><i>|</i>in <a href="#" class="post-category"> <span>news</span></a>, <a href="#" class="post-category"><span>video </span></a><i>|</i>0 <span>comments</span></p>
            </div>
            <!-- Blog Image-->
            <div class="blog-media">
              <blockquote class="without-img">
                <p class="text-center">Art is the only serious thing in the world.<br>And the artist is the only person who is never serious.</p>
                <footer class="text-center">
                  <cite title="Source Title">Oscar Wilde</cite>
                </footer>
              </blockquote>
            </div>
            <!-- Text Intro-->
            <div class="blog-item-body">
              <p>Etiam ut purus mattis mauris sodales aliquam. Curabitur nisi. Quisque malesuada placerat nisl. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Vestibulum facilisi, purus nec pulvinar iaculis, ligula mi congue nunc, vitae euismod ligula urna in dolor.</p>
            </div>
            <!-- Read More and social links-->
            <div class="blog-item-foot clearfix"><a href="#" class="cws-social flaticon-facebook55"></a><a href="#" class="cws-social flaticon-twitter1"></a><a href="#" class="cws-social fa fa-google-plus"></a><a href="#" class="cws-social flaticon-social-network106"></a><a href="#" class="cws-social flaticon-pinterest3"></a><a href="blog-single.html" class="cws-button pull-right">Read More</a></div>
          </div>
          <!-- ! Blog Post quote style 2-->
          <!-- pagination-->
          <div class="row">
            <nav class="text-center">
              <ul class="pagination">
                <li><a href="#" aria-label="Previous"><span class="fa fa-angle-left"></span></a></li>
                <li><a href="#">1</a></li>
                <li><a href="#" class="active">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">...</a></li>
                <li><a href="#">23</a></li>
                <li><a href="#" aria-label="Next"><span class="fa fa-angle-right"></span></a></li>
              </ul>
            </nav>
          </div>
          <!-- ! pagination-->
        </div>
        <div class="col-md-3 sidebar">
          <!-- widget search-->
          <aside class="widget-search">
            <form role="search" method="get" action="#" class="search-form">
              <label><span class="screen-reader-text">Search for:</span>
                <input type="search" placeholder="Search..." value="" name="s" title="Search for:" class="search-field">
              </label>
              <button type="submit" class="search-submit"><i class="flaticon-magnifying-glass34"></i></button>
            </form>
          </aside>
          <!-- ! widget search-->
          <!-- widget category-->
          <aside class="widget-categories">
            <h2 class="widget-title"><i class="color-4 flaticon-list65"></i> Category</h2>
            <ul>
              <li class="cat-item cat-item-1"><a href="#">Branding<span>13</span></a></li>
              <li class="cat-item cat-item-1"><a href="#">Business<span>6</span></a></li>
              <li class="cat-item cat-item-1"><a href="#">Consept Design<span>12</span></a></li>
              <li class="cat-item cat-item-1"><a href="#">Marketung<span>14</span></a></li>
              <li class="cat-item cat-item-1"><a href="#">Mobile<span>7</span></a></li>
              <li class="cat-item cat-item-1"><a href="#">Web Design<span>51</span></a></li>
            </ul>
          </aside>
          <!-- ! widget category-->
          <!-- widget post-->
          <aside class="widget-post">
            <h2 class="widget-title"><i class="color-2 flaticon-logotype171"></i> Recent Post</h2>
            <!-- item recent post-->
            <div class="item-recent clearfix"><img src="pic/blog/70x70/3.jpg" data-at2x="pic/blog/70x70/3@2x.jpg" alt>
              <h3 class="title"><a href="blog-single.html">Phasellus accumsan cur</a></h3>
              <div class="date-recent">May, 2016</div>
            </div>
            <!-- ! item recent post-->
            <!-- item recent post-->
            <div class="item-recent clearfix"><img src="pic/blog/70x70/2.jpg" data-at2x="pic/blog/70x70/2@2x.jpg" alt>
              <h3 class="title"><a href="blog-single.html">Aenean posuere tortor</a></h3>
              <div class="date-recent">May, 2016</div>
            </div>
            <!-- ! item recent post-->
            <!-- item recent post-->
            <div class="item-recent clearfix"><img src="pic/blog/70x70/1.jpg" data-at2x="pic/blog/70x70/1@2x.jpg" alt>
              <h3 class="title"><a href="blog-single.html">Vestibulum ante ipsum</a></h3>
              <div class="date-recent">May, 2016</div>
            </div>
            <!-- ! item recent post-->
          </aside>
          <!-- ! widget post-->
          <!-- widget tags-->
          <aside class="widget-tags">
            <h2 class="widget-title"><i class="color-5 flaticon-price-tag5"></i> Popular Tags</h2>
            <!-- item tags--><a href="#" rel="tag" class="tag">Design</a><a href="#" rel="tag" class="tag">Business</a><a href="#" rel="tag" class="tag">Photo</a><a href="#" rel="tag" class="tag">News</a><a href="#" rel="tag" class="tag">Branding</a><a href="#" rel="tag" class="tag">Wordpress</a><a href="#" rel="tag" class="tag">Trends</a><a href="#" rel="tag" class="tag">Education</a><a href="#" rel="tag" class="tag">CWS</a>
          </aside>
          <!-- ! widget tags-->
          <!-- widget twitter-->
          <aside class="widget-tags">
            <h2 class="widget-title"><i class="flaticon-twitter1"></i> Latest Tweets</h2>
            <!-- twitter-->
            <div class="twitter-1 widget-twitter"></div>
            <!-- ! twitter-->
          </aside>
          <!-- ! widget twitter-->
          <!-- widget gallery-->
          <aside class="widget-gallery">
            <h2 class="widget-title"><i class="color-3 flaticon-logotype171"></i> Gallery</h2>
            <div class="gallery clearfix">
              <!-- gallery item-->
              <div class="gallery-item">
                <div class="pic"><img src="pic/portfolio/370x370/3.jpg" alt>
                  <div class="hover-effect alt">
                    <div class="links"><a href="#" class="link-icon alt flaticon-links21"></a></div>
                  </div>
                </div>
              </div>
              <!-- ! gallery item-->
              <!-- gallery item-->
              <div class="gallery-item">
                <div class="pic"><img src="pic/portfolio/370x370/6.jpg" alt>
                  <div class="hover-effect alt">
                    <div class="links"><a href="#" class="link-icon alt flaticon-links21"></a></div>
                  </div>
                </div>
              </div>
              <!-- ! gallery item-->
              <!-- gallery item-->
              <div class="gallery-item">
                <div class="pic"><img src="pic/portfolio/370x370/1.jpg" alt>
                  <div class="hover-effect alt">
                    <div class="links"><a href="#" class="link-icon alt flaticon-links21"></a></div>
                  </div>
                </div>
              </div>
              <!-- ! gallery item-->
              <!-- gallery item-->
              <div class="gallery-item">
                <div class="pic"><img src="pic/portfolio/370x370/5.jpg" alt>
                  <div class="hover-effect alt">
                    <div class="links"><a href="#" class="link-icon alt flaticon-links21"></a></div>
                  </div>
                </div>
              </div>
              <!-- ! gallery item-->
              <!-- gallery item-->
              <div class="gallery-item">
                <div class="pic"><img src="pic/portfolio/370x370/3.jpg" alt>
                  <div class="hover-effect alt">
                    <div class="links"><a href="#" class="link-icon alt flaticon-links21"></a></div>
                  </div>
                </div>
              </div>
              <!-- ! gallery item-->
              <!-- gallery item-->
              <div class="gallery-item">
                <div class="pic"><img src="pic/portfolio/370x370/7.jpg" alt>
                  <div class="hover-effect alt">
                    <div class="links"><a href="#" class="link-icon alt flaticon-links21"></a></div>
                  </div>
                </div>
              </div>
              <!-- ! gallery item-->
            </div>
          </aside>
          <!-- ! widget gallery-->
          <!-- widget archive-->
          <aside class="widget-archive">
            <h2 class="widget-title"><i class="color-2 flaticon-calendars12"></i> Archive</h2>
            <ul>
              <li class="cat-item cat-item-1"><a href="#">September<span>27</span></a></li>
              <li class="cat-item cat-item-1"><a href="#">October<span>35</span></a></li>
              <li class="cat-item cat-item-1"><a href="#">November<span>18</span></a></li>
              <li class="cat-item cat-item-1"><a href="#">December<span>9</span></a></li>
              <li class="cat-item cat-item-1"><a href="#">January<span>14</span></a></li>
              <li class="cat-item cat-item-1"><a href="#">February<span>32</span></a></li>
            </ul>
          </aside>
          <!-- ! widget archive-->
          <!-- widget social-->
          <aside class="widget-social">
            <h2 class="widget-title"><i class="flaticon-share58"></i> Social Icon</h2><a href="#" class="social-icon flaticon-facebook55 facebook"></a><a href="#" class="social-icon flaticon-twitter1 twitt"></a><a href="#" class="social-icon fa fa-google-plus google"></a><a href="#" class="social-icon flaticon-social-network106 linkin"></a><a href="#" class="social-icon flaticon-pinterest3 pint"></a><a href="#" class="social-icon flaticon-connection22 rss"></a>
          </aside>
          <!-- ! widget social-->
          <!-- widget text-->
          <aside class="widget-text">
            <h2 class="widget-title"><i class="color-5 flaticon-letters22"></i> Widget Text</h2>
            <p>Maecenas ullamcorper, dui et placerat feug iat, eros pede varius nisi, condimentum vive rra felis nunc et lorem. Sed magna purus, fe rmentum eu, tincidunt eu, varius ut ...</p>
          </aside>
          <!-- ! widget text-->
          <!-- widget testimonials-->
          <aside class="widget-testimonials">
            <h2 class="widget-title"><i class="color-2 flaticon-speech117"></i> Testimonials</h2>
            <div class="carousel-pag">
              <div class="widget-tes-item">
                <div class="tes-message">
                  <p>Raesent nonummy mi in odio. Nunc a interdum lacus sit amet orci. Vesti elis bulum rutrum, mi nec ...</p>
                </div><img src="pic/team/100x100/1.jpg" alt class="avatar-author">
                <div class="author-info">
                  <h4 class="name"><a href="#">Matthew Doe</a></h4>
                  <div class="prof">Web Designer & CEO</div>
                </div>
              </div>
              <div class="widget-tes-item">
                <div class="tes-message">
                  <p>Raesent nonummy mi in odio. Nunc a interdum lacus sit amet orci. Vesti elis bulum rutrum, mi nec ...</p>
                </div><img src="pic/team/100x100/3.jpg" alt class="avatar-author">
                <div class="author-info">
                  <h4 class="name"><a href="#">Matthew Doe</a></h4>
                  <div class="prof">Web Designer & CEO</div>
                </div>
              </div>
              <div class="widget-tes-item">
                <div class="tes-message">
                  <p>Raesent nonummy mi in odio. Nunc a interdum lacus sit amet orci. Vesti elis bulum rutrum, mi nec ...</p>
                </div><img src="pic/team/100x100/4.jpg" alt class="avatar-author">
                <div class="author-info">
                  <h4 class="name"><a href="#">Matthew Doe</a></h4>
                  <div class="prof">Web Designer & CEO</div>
                </div>
              </div>
            </div>
          </aside>
          <!-- ! widget testimonials-->
          <!-- widget about-->
          <aside class="widget-about">
            <h2 class="widget-title"><i class="color-4 flaticon-diamond7"></i> About The 8</h2>
            <!-- media block-->
            <div class="widget-media">
              <!-- carousel single item-->
              <div class="owl-single-item">
                <div class="pic"><img src="pic/540x320-1.jpg" alt>
                  <div class="hover-effect"></div>
                  <div class="links"><a href="pic/540x320-1@2x.jpg" class="link-icon flaticon-magnifying-glass84 fancy"></a></div>
                </div>
                <div class="pic"><img src="pic/540x320-2.jpg" alt>
                  <div class="hover-effect"></div>
                  <div class="links"><a href="pic/540x320-2@2x.jpg" class="link-icon flaticon-magnifying-glass84 fancy"></a></div>
                </div>
              </div>
            </div>
            <p>Fusce vel dui. Sed in libero ut nibh placerat accumsan. Proin faucibus arcu quis ante. In consectetuer turpis ut velit ...
              <!-- ! carousel single item-->
            </p>
            <!-- ! media block-->
          </aside>
          <!-- ! widget about-->
          <!-- widget calendar-->
          <aside class="widget-calendar">
            <h2 class="widget-title"><i class="color-3 flaticon-first27"></i> Calendar</h2>
            <div id="calendar"></div>
          </aside>
          <!-- ! widget calendar-->
          <!-- widget contact form-->
          <aside class="widget-contact-form">
            <h2 class="widget-title"><i class="flaticon-email141"></i> Send Email</h2>
            <!-- contact-form-->
            <div id="feedback-form-errors" role="alert" class="alert alert-danger alt alert-dismissible fade in">
              <button type="button" data-dismiss="alert" aria-label="Close" class="close"><span aria-hidden="true">×</span></button><strong>Error Message!</strong><br>
              <div class="message"></div>
            </div>
            <div class="email_server_responce"></div>
            <form action="php/contacts-process.php" method="post" class="contact-form alt clear-fix">
              <input type="text" name="name" value="" size="40" placeholder="Your Name" aria-invalid="false" aria-required="true">
              <input type="text" name="email" value="" size="40" placeholder="Your Email" aria-required="true">
              <textarea name="message" cols="40" rows="3" placeholder="Your Message" aria-invalid="false" aria-required="true"></textarea>
              <input type="submit" value="Send" class="cws-button full-width">
            </form>
            <!-- ! contact-form-->
          </aside>
          <!-- ! widget contact form-->
          <!-- widget search-->
          <aside class="widget-subscribe">
            <h2 class="widget-title"><i class="color-6 flaticon-connection22"></i> Subscribe</h2>
            <form method="get" action="#">
              <label>
                <input type="email" placeholder="Your Email..." value="" name="s" title="Search for:">
              </label>
              <button type="submit" class="submit">Send</button>
            </form>
          </aside>
          <!-- ! widget search-->
        </div>
      </div>
    </div>
    <!-- footer-->
    <footer class="footer">
      <div class="container">
        <div class="row cws-multi-col">
          <div class="col-md-3 col-sm-6 mb-md-50">
            <div class="widget-footer text">
              <h3>About</h3>
              <div class="divider"></div>
              <p>Ut tincidunt nisl sapien, eget gravida quama vestibulum vitae. Ut ultrices purus quis tinci dunt rutrum proin commodo ipsum.</p>
              <p>Vestibulum vitae nisl quis elit tristique egesi tas eget sed nisi. Etiam mi sapien, luctus ac tempor quis, varius eu neque.</p>
            </div>
          </div>
          <div class="col-md-3 col-sm-6 mb-md-50">
            <div class="widget-footer">
              <h3>Recent posts</h3>
              <div class="divider"></div>
              <div class="recent-item clearfix"><a href="blog-single.html"><img src="pic/footer/7.jpg" data-at2x="pic/footer/7@2x.jpg" alt></a>
                <h4 class="recent-title"><a href="blog-single.html">Morbi Iaculis</a></h4>
                <p>Ut tincidunt nisl s apien, eget gravida sed nisi reet ... <a href="#">more</a></p>
              </div>
              <div class="recent-item clearfix"><a href="blog-single.html"><img src="pic/footer/8.jpg" data-at2x="pic/footer/8@2x.jpg" alt></a>
                <h4 class="recent-title"><a href="blog-single.html">Praesent sagittis</a></h4>
                <p>Ut tincidunt nisl s apien, eget gravida sed nisi reet ... <a href="#">more</a></p>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-sm-6 mb-sm-50">
            <div class="widget-footer">
              <h3>Gallery</h3>
              <div class="divider"></div>
              <div class="gallery clearfix">
                <div class="gallery-item">
                  <div class="pic"><img src="pic/footer/1.jpg" alt data-at2x="pic/footer/1@2x.jpg">
                    <div class="hover-effect alt">
                      <div class="links"><a href="pic/footer/1@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
                    </div>
                  </div>
                </div>
                <div class="gallery-item">
                  <div class="pic"><img src="pic/footer/2.jpg" alt data-at2x="pic/footer/2@2x.jpg">
                    <div class="hover-effect alt">
                      <div class="links"><a href="pic/footer/2@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
                    </div>
                  </div>
                </div>
                <div class="gallery-item">
                  <div class="pic"><img src="pic/footer/3.jpg" alt data-at2x="pic/footer/3@2x.jpg">
                    <div class="hover-effect alt">
                      <div class="links"><a href="pic/footer/3@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
                    </div>
                  </div>
                </div>
                <div class="gallery-item">
                  <div class="pic"><img src="pic/footer/4.jpg" alt data-at2x="pic/footer/4@2x.jpg">
                    <div class="hover-effect alt">
                      <div class="links"><a href="pic/footer/4@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
                    </div>
                  </div>
                </div>
                <div class="gallery-item">
                  <div class="pic"><img src="pic/footer/5.jpg" alt data-at2x="pic/footer/5@2x.jpg">
                    <div class="hover-effect alt">
                      <div class="links"><a href="pic/footer/5@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
                    </div>
                  </div>
                </div>
                <div class="gallery-item">
                  <div class="pic"><img src="pic/footer/6.jpg" alt data-at2x="pic/footer/6@2x.jpg">
                    <div class="hover-effect alt">
                      <div class="links"><a href="pic/footer/6@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-sm-6">
            <div class="widget-footer">
              <h3>Contact us</h3>
              <div class="divider"></div>
              <address>
                <p>You can contact us via <a href="mailto:the8@gmail.com">the8@gmail.com</a></p><strong>Our address</strong>
                <p>250 Biscayne Blvd. (North) 11st Floor New World Tower Miami, Florida 33148</p><strong>Our phone</strong><br><a href="tel:180012345678">1-800-123-45678</a>
              </address>
            </div>
          </div>
        </div>
      </div>
      <div class="copyright">
        <div class="container">
          <div class="row">
            <div class="col-sm-8">
              <p>Copyrights ©2016: The8 - Premium Multipurpose WordPress Theme</p>
            </div>
            <div class="col-sm-4 text-right"><a href="#" class="cws-social flaticon-facebook55"></a><a href="#" class="cws-social flaticon-twitter1"></a><a href="#" class="cws-social fa fa-google-plus"></a><a href="#" class="cws-social flaticon-social-network106"></a><a href="#" class="cws-social flaticon-pinterest3"></a></div>
          </div>
        </div>
      </div>
    </footer>
    <div id="scroll-top"><i class="fa fa-angle-up"></i></div>
    <!-- ! footer-->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/owl.carousel.js"></script>
    <script type="text/javascript" src="js/jquery.sticky.js"></script>
    <script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>
    <script type="text/javascript" src="js/jquery.fancybox-media.js"></script>
    <script type="text/javascript" src="js/jquery.validate.min.js"></script>
    <script type="text/javascript" src="js/jquery.form.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <!--<script type="text/javascript" src="js/jquery.tweet.js"></script>-->
    <script type="text/javascript" src="tuner/js/colorpicker.js"></script>
    <script type="text/javascript" src="tuner/js/scripts.js"></script>
    <script type="text/javascript" src="js/retina.min.js"></script>
  </body>
</html>